<template>
  <div class="app-container">
    <!--1处-->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="170px">
      <el-form-item label="电子档案工程表" prop="eeid">
        <el-input
          v-model="queryParams.eeid"
          placeholder="请输入外键，电子档案工程表"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="案卷名" prop="anJuanName">
        <el-input
          v-model="queryParams.anJuanName"
          placeholder="请输入案卷名，数字化部输入"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="文件目录" prop="fileDirectory">
        <el-input
          v-model="queryParams.fileDirectory"
          placeholder="请输入文件目录，文件存入服务器自动生成"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="创建时间" prop="creationTime">
        <el-date-picker clearable
                        v-model="queryParams.creationTime"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择创建时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="盒号" prop="henum">
        <el-input
          v-model="queryParams.henum"
          placeholder="请输入盒号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="文件题名" prop="tname">
        <el-input
          v-model="queryParams.tname"
          placeholder="请输入文件题名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="编制单位" prop="buildorganization">
        <el-input
          v-model="queryParams.buildorganization"
          placeholder="请输入编制单位"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="数量/单位" prop="amount">
        <el-input
          v-model="queryParams.amount"
          placeholder="请输入数量/单位"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="纸张规格" prop="spec">
        <el-input
          v-model="queryParams.spec"
          placeholder="请输入纸张规格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="文件开始时间" prop="filestart">
        <el-date-picker clearable
                        v-model="queryParams.filestart"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择文件开始时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="结束时间" prop="fileend">
        <el-date-picker clearable
                        v-model="queryParams.fileend"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择结束时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="保存期限" prop="savetime">
        <el-input
          v-model="queryParams.savetime"
          placeholder="请输入保存期限"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="级别" prop="securitylayer">
        <el-input
          v-model="queryParams.securitylayer"
          placeholder="请输入级别"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="主题词" prop="thematic">
        <el-input
          v-model="queryParams.thematic"
          placeholder="请输入主题词"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="附注" prop="annotations">
        <el-input
          v-model="queryParams.annotations"
          placeholder="请输入附注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="总页数" prop="totalpage">
        <el-input
          v-model="queryParams.totalpage"
          placeholder="请输入总页数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="文字页数" prop="txtpage">
        <el-input
          v-model="queryParams.txtpage"
          placeholder="请输入文字页数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="创建人" prop="cmen">
        <el-input
          v-model="queryParams.cmen"
          placeholder="请输入创建人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="创建时间" prop="ctime">
        <el-date-picker clearable
                        v-model="queryParams.ctime"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择创建时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="校对人" prop="assessor">
        <el-input
          v-model="queryParams.assessor"
          placeholder="请输入校对人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="校对时间" prop="atime">
        <el-date-picker clearable
                        v-model="queryParams.atime"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择校对时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="案卷分类" prop="topnode">
        <el-input
          v-model="queryParams.topnode"
          placeholder="请输入案卷分类"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="立卷人" prop="injectionperson">
        <el-input
          v-model="queryParams.injectionperson"
          placeholder="请输入立卷人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="立卷时间" prop="injectiondate">
        <el-date-picker clearable
                        v-model="queryParams.injectiondate"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择立卷时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="审核人" prop="checkperson">
        <el-input
          v-model="queryParams.checkperson"
          placeholder="请输入审核人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="审核时间" prop="checkdate">
        <el-date-picker clearable
                        v-model="queryParams.checkdate"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择审核时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="工程id" prop="regprojid">
        <el-input
          v-model="queryParams.regprojid"
          placeholder="请输入工程id"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="电子档案保存路径" prop="path">
        <el-input
          v-model="queryParams.path"
          placeholder="请输入电子档案保存路径"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="实体档案存放位置" prop="storeposition">
        <el-input
          v-model="queryParams.storeposition"
          placeholder="请输入实体档案存放位置"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>

      <el-form-item label-width="110px" label="案卷流水号" prop="volumeYuliu3">
        <el-input
          v-model="queryParams.volumeYuliu3"
          placeholder="请输入案卷流水号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label-width="120px" label="档案盒流水号" prop="volumeYuliu4">
        <el-input
          v-model="queryParams.volumeYuliu4"
          placeholder="请输入档案盒流水号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button type="success" icon="el-icon-sort" size="mini" @click="toggleSearchMode">高级搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handlePack"
        >组盒
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleUnpack"
        >拆盒
        </el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="anjuanList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column label="主键,自动生成" align="center" prop="id" />
      <el-table-column label="外键，电子档案工程表" align="center" prop="eeid" v-if="columns[1].visible"/>
      <el-table-column label="案卷名，数字化部输入" align="center" prop="anJuanName" v-if="columns[2].visible"/>

      <el-table-column label="案卷流水号" align="center" prop="volumeYuliu3" v-if="columns[3].visible">
      </el-table-column>
      <el-table-column label="档案盒流水号" align="center" prop="volumeYuliu4" v-if="columns[4].visible" width="300"/>

      <el-table-column label="文件目录，文件存入服务器自动生成" align="center" prop="fileDirectory" v-if="columns[5].visible"/>
      <el-table-column label="创建时间" align="center" prop="creationTime" width="180" v-if="columns[6].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.creationTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="盒号" align="center" prop="henum" v-if="columns[7].visible"/>
      <el-table-column label="文件题名" align="center" prop="tname" v-if="columns[8].visible"/>
      <el-table-column label="编制单位" align="center" prop="buildorganization" v-if="columns[9].visible"/>
      <el-table-column label="数量/单位" align="center" prop="amount" v-if="columns[10].visible"/>
      <el-table-column label="纸张规格" align="center" prop="spec" v-if="columns[11].visible"/>
      <el-table-column label="文件开始时间" align="center" prop="filestart" width="180" v-if="columns[12].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.filestart, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="结束时间" align="center" prop="fileend" width="180" v-if="columns[13].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.fileend, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="保存期限" align="center" prop="savetime" v-if="columns[14].visible"/>
      <el-table-column label="级别" align="center" prop="securitylayer" v-if="columns[15].visible"/>
      <el-table-column label="主题词" align="center" prop="thematic" v-if="columns[16].visible"/>
      <el-table-column label="附注" align="center" prop="annotations" v-if="columns[17].visible"/>
      <el-table-column label="总页数" align="center" prop="totalpage" v-if="columns[18].visible"/>
      <el-table-column label="文字页数" align="center" prop="txtpage" v-if="columns[19].visible"/>
      <el-table-column label="创建人" align="center" prop="cmen" v-if="columns[20].visible"/>
      <el-table-column label="创建时间" align="center" prop="ctime" width="180" v-if="columns[21].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.ctime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="校对人" align="center" prop="assessor" v-if="columns[22].visible"/>
      <el-table-column label="校对时间" align="center" prop="atime" width="180" v-if="columns[23].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.atime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="案卷分类" align="center" prop="topnode" v-if="columns[24].visible"/>
      <el-table-column label="立卷人" align="center" prop="injectionperson" v-if="columns[25].visible"/>
      <el-table-column label="立卷时间" align="center" prop="injectiondate" width="180" v-if="columns[26].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.injectiondate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="审核人" align="center" prop="checkperson" v-if="columns[27].visible"/>
      <el-table-column label="审核时间" align="center" prop="checkdate" width="180" v-if="columns[28].visible">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.checkdate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="工程id" align="center" prop="regprojid" v-if="columns[29].visible"/>
      <el-table-column label="电子档案保存路径" align="center" prop="path" v-if="columns[30].visible"/>
      <el-table-column label="实体档案存放位置" align="center" prop="storeposition" v-if="columns[31].visible"/>


      <!--<el-table-column label="检查标志" align="center" prop="checkupflag" v-if="columns[5].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="拆卷标志" align="center" prop="openflag" v-if="columns[6].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="完成标志" align="center" prop="finishflag" v-if="columns[7].visible"
                       :show-overflow-tooltip="true"/>-->

    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改案卷表对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="外键，电子档案工程表" prop="eeid">
          <el-input v-model="form.eeid" placeholder="请输入外键，电子档案工程表" />
        </el-form-item>
        <el-form-item label="案卷名，数字化部输入" prop="anJuanName">
          <el-input v-model="form.anJuanName" placeholder="请输入案卷名，数字化部输入" />
        </el-form-item>
        <el-form-item label="文件目录，文件存入服务器自动生成" prop="fileDirectory">
          <el-input v-model="form.fileDirectory" placeholder="请输入文件目录，文件存入服务器自动生成" />
        </el-form-item>
        <el-form-item label="创建时间" prop="creationTime">
          <el-date-picker clearable
                          v-model="form.creationTime"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择创建时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="盒号" prop="henum">
          <el-input v-model="form.henum" placeholder="请输入盒号" />
        </el-form-item>
        <el-form-item label="文件题名" prop="tname">
          <el-input v-model="form.tname" placeholder="请输入文件题名" />
        </el-form-item>
        <el-form-item label="编制单位" prop="buildorganization">
          <el-input v-model="form.buildorganization" placeholder="请输入编制单位" />
        </el-form-item>
        <el-form-item label="数量/单位" prop="amount">
          <el-input v-model="form.amount" placeholder="请输入数量/单位" />
        </el-form-item>
        <el-form-item label="纸张规格" prop="spec">
          <el-input v-model="form.spec" placeholder="请输入纸张规格" />
        </el-form-item>
        <el-form-item label="文件开始时间" prop="filestart">
          <el-date-picker clearable
                          v-model="form.filestart"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择文件开始时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="结束时间" prop="fileend">
          <el-date-picker clearable
                          v-model="form.fileend"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择结束时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="保存期限" prop="savetime">
          <el-input v-model="form.savetime" placeholder="请输入保存期限" />
        </el-form-item>
        <el-form-item label="级别" prop="securitylayer">
          <el-input v-model="form.securitylayer" placeholder="请输入级别" />
        </el-form-item>
        <el-form-item label="主题词" prop="thematic">
          <el-input v-model="form.thematic" placeholder="请输入主题词" />
        </el-form-item>
        <el-form-item label="附注" prop="annotations">
          <el-input v-model="form.annotations" placeholder="请输入附注" />
        </el-form-item>
        <el-form-item label="文件总数" prop="totalfile">
          <file-upload v-model="form.totalfile"/>
        </el-form-item>
        <el-form-item label="总页数" prop="totalpage">
          <el-input v-model="form.totalpage" placeholder="请输入总页数" />
        </el-form-item>
        <el-form-item label="文字页数" prop="txtpage">
          <el-input v-model="form.txtpage" placeholder="请输入文字页数" />
        </el-form-item>
        <el-form-item label="创建人" prop="cmen">
          <el-input v-model="form.cmen" placeholder="请输入创建人" />
        </el-form-item>
        <el-form-item label="创建时间" prop="ctime">
          <el-date-picker clearable
                          v-model="form.ctime"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择创建时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="校对人" prop="assessor">
          <el-input v-model="form.assessor" placeholder="请输入校对人" />
        </el-form-item>
        <el-form-item label="校对时间" prop="atime">
          <el-date-picker clearable
                          v-model="form.atime"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择校对时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="备注">
          <editor v-model="form.content" :min-height="192"/>
        </el-form-item>
        <el-form-item label="案卷分类" prop="topnode">
          <el-input v-model="form.topnode" placeholder="请输入案卷分类" />
        </el-form-item>
        <el-form-item label="立卷人" prop="injectionperson">
          <el-input v-model="form.injectionperson" placeholder="请输入立卷人" />
        </el-form-item>
        <el-form-item label="立卷时间" prop="injectiondate">
          <el-date-picker clearable
                          v-model="form.injectiondate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择立卷时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="审核人" prop="checkperson">
          <el-input v-model="form.checkperson" placeholder="请输入审核人" />
        </el-form-item>
        <el-form-item label="审核时间" prop="checkdate">
          <el-date-picker clearable
                          v-model="form.checkdate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择审核时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="工程id" prop="regprojid">
          <el-input v-model="form.regprojid" placeholder="请输入工程id" />
        </el-form-item>
        <el-form-item label="电子档案保存路径" prop="path">
          <el-input v-model="form.path" placeholder="请输入电子档案保存路径" />
        </el-form-item>
        <el-form-item label="实体档案存放位置" prop="storeposition">
          <el-input v-model="form.storeposition" placeholder="请输入实体档案存放位置" />
        </el-form-item>


        <!--
        <el-form-item label="检查标志" prop="checkupflag">
          <el-input v-model="form.checkupflag" placeholder="请输入检查标志"/>
        </el-form-item>
        <el-form-item label="拆卷标志" prop="openflag">
          <el-input v-model="form.openflag" placeholder="请输入拆卷标志"/>
        </el-form-item>
        <el-form-item label="完成标志" prop="finishflag">
          <el-input v-model="form.finishflag" placeholder="请输入完成标志"/>
        </el-form-item>
        -->
        <el-form-item label="案卷流水号" prop="volumeYuliu3">
          <el-input v-model="form.volumeYuliu3" placeholder="请输入案卷流水号"/>
        </el-form-item>
        <el-form-item label="档案盒流水号" prop="volumeYuliu4">
          <el-input v-model="form.volumeYuliu4" placeholder="请输入档案盒流水号"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 组卷对话框 -->
    <el-dialog :title="title" :visible.sync="openPack" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="150px" @submit.native.prevent>
        <el-form-item label="档案盒流水号" prop="volumeYuliu4">
          <el-input v-model="form.volumeYuliu4" placeholder="请输入档案盒流水号"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitPack">确 定</el-button>
        <el-button @click="cancelPack">取 消</el-button>
      </div>
    </el-dialog>


  </div>
</template>
<!--引用审核后的应该 暂时使用审核前的信息-->
<script>
import {
  listAnjuan,
  getAnjuan,
  delAnjuan,
  addAnjuan,
  updateAnjuan
} from "@/api/system/anjuan";
import item from "@/layout/components/Sidebar/Item.vue";

export default {
  name: "Anjuan",
  data() {
    return {
      showAdvancedSearch: false, // 初始时为简单搜索模式
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      idsArray: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,

      // 案卷表表格数据______
      anjuanList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      openPack: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        id: null,

        eeid: null,
        anJuanName: null,
        fileDirectory: null,
        creationTime: null,
        henum: null,
        vtype: null,
        tname: null,
        buildorganization: null,
        amount: null,
        spec: null,
        filestart: null,
        fileend: null,
        savetime: null,
        securitylayer: null,
        thematic: null,
        annotations: null,
        totalfile: null,
        totalpage: null,
        txtpage: null,
        cmen: null,
        ctime: null,
        assessor: null,
        atime: null,
        content: null,
        topnode: null,
        injectionperson: null,
        injectiondate: null,
        checkperson: null,
        checkdate: null,
        regprojid: null,
        path: null,
        storeposition: null,

        volumeYuliu3: null,
        volumeYuliu4: null
      },
      // 表单参数
      form: {volumeYuliu4: ''},
      // 列信息
      columns: [
        { key: 0, label: '主键,自动生成', visible: true },
        { key: 1, label: '外键，电子档案工程表', visible: true },
        { key: 2, label: '案卷名，数字化部输入', visible: true },
        { key: 3, label: '案卷流水号', visible: true },
        { key: 4, label: '档案盒流水号', visible: true },
        { key: 5, label: '文件目录，文件存入服务器自动生成', visible: false },
        { key: 6, label: '创建时间', visible: false },
        { key: 7, label: '盒号', visible: false },
        { key: 8, label: '文件题名', visible: false },
        { key: 9, label: '编制单位', visible: false },
        { key: 10, label: '数量/单位', visible: true },
        { key: 11, label: '纸张规格', visible: true },
        { key: 12, label: '文件开始时间', visible: true },
        { key: 13, label: '结束时间', visible: false },
        { key: 14, label: '保存期限', visible: true },
        { key: 15, label: '级别', visible: false },
        { key: 16, label: '主题词', visible: true },
        { key: 17, label: '附注', visible: true },
        { key: 18, label: '总页数', visible: false },
        { key: 19, label: '文字页数', visible: false },
        { key: 20, label: '创建人', visible: false },
        { key: 21, label: '创建时间', visible: false },
        { key: 22, label: '校对人', visible: false },
        { key: 23, label: '校对时间', visible: false },
        { key: 24, label: '案卷分类', visible: false },
        { key: 25, label: '立卷人', visible: false },
        { key: 26, label: '立卷时间', visible: false },
        { key: 27, label: '审核人', visible: false },
        { key: 28, label: '审核时间', visible: false },
        { key: 29, label: '工程id', visible: false },
        { key: 30, label: '电子档案保存路径', visible: false },
        { key: 31, label: '实体档案存放位置', visible: false },

        {key: 32, label: `操作`, visible: true},
      ],
      // 表单校验
      rules: {},
      // editProp:['volumeYuliu3'],
      // // 保存进入编辑的cell
      // clickCellMap: {}
      volumeYuliu4: ''
    };
  },

  created() {
    this.getList();
  },
  methods: {
    toggleSearchMode() {
      this.showAdvancedSearch = !this.showAdvancedSearch;
    },
    /** 查询案卷表列表 */
    getList() {
      this.loading = true;
      listAnjuan(this.queryParams).then(response => {
        this.anjuanList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,

        eeid: null,
        anJuanName: null,
        fileDirectory: null,
        creationTime: null,
        henum: null,
        tname: null,
        buildorganization: null,
        amount: null,
        spec: null,
        filestart: null,
        fileend: null,
        savetime: null,
        securitylayer: null,
        thematic: null,
        annotations: null,
        totalpage: null,
        txtpage: null,
        cmen: null,
        ctime: null,
        assessor: null,
        atime: null,
        topnode: null,
        injectionperson: null,
        injectiondate: null,
        checkperson: null,
        checkdate: null,
        regprojid: null,
        path: null,
        storeposition: null,
        volumeYuliu1: null,
        volumeYuliu2: null,
        volumeYuliu3: null,
        volumeYuliu4: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },


    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.volumeYuliu4 = selection.map(item => item.volumeYuliu4)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },

    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加案卷表";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getAnjuan(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改案卷表";
      });
    },

    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateAnjuan(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addAnjuan(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除案卷表编号为"' + ids + '"的数据项？').then(function () {
        return delAnjuan(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {
      });
    },


    /** 导出按钮操作 */
    handleExport() {
      this.download('system/anjuan/export', {
        ...this.queryParams
      }, `anjuan_${new Date().getTime()}.xlsx`)
    },


    /** 装盒按钮操作 */
    async handlePack(row) {
      // console.log(row)
      const ids = row.id || this.ids;
      this.idsArray = row.id || this.ids;
      // console.log(ids) //数组['input2021063035', 'input2021063034', __ob__: Observer]
      var num = 0; //计数器，累加案卷流水号不为空，档案盒流水号为空的长度
      this.form.volumeYuliu4 = '';
      for (var a = 0; a < ids.length; a++) {
        var id = ids[a].toString()
        var param = {}
        param.id = id;
        await listAnjuan(param).then(res => {
          // console.log(res.rows[0])
          //只有ids数组中，所有id的案卷流水号不为空，档案盒流水号为空，才能进行装盒
          if (res.rows[0].volumeYuliu3 != null && res.rows[0].volumeYuliu3 !== "") {
            if (res.rows[0].volumeYuliu4 === "" || res.rows[0].volumeYuliu4 === null) {
              num += 1;
              // this.form.volumeYuliu4 = this.form.volumeYuliu4 + res.rows[0].volumeYuliu3
              // console.log(this.form.volumeYuliu4)
              // console.log(num)
            }
          }
        })
      }
      //当累加案卷流水号不为空，档案盒流水号为空的长度 = ids长度后，则可进行装盒
      if (num === ids.length && ids.length !== 0) {
        // console.log("可以装盒")
        //弹出组卷dialog
        this.title = "组卷页面";
        this.openPack = true;
      } else {
        this.form.volumeYuliu4 = ''
        this.$modal.msgError("无法进行装盒操作，案卷流水号为空或已有档案盒流水号！");
        num = 0
      }
    },

    /** 装盒 */
    async submitPack() {
      const ids = this.idsArray;
      // console.log("submitPack的ids", ids)
      if (this.form.volumeYuliu4 != null) {
        // console.log(this.form.volumeYuliu4)
        var packForm = {};
        packForm.volumeYuliu4 = this.form.volumeYuliu4;
        for (var i = 0; i < ids.length; i++) {
          packForm.id = ids[i];
          await updateAnjuan(packForm).then(response => {
            this.openPack = false;
            this.getList();
          });
        }
        this.openPack = false;
        this.$modal.msgSuccess("装盒成功");
        this.form.volumeYuliu4 = '';
        this.reset();
        this.getList();
      }
    },
    /** 拆盒按钮操作 */
    // async handleUnpack(row) {
    //   // console.log(row)
    //   const ids = row.id || this.ids;
    //   this.idsArray = row.id || this.ids;
    //   // console.log(ids) //数组['input2021063035', 'input2021063034', __ob__: Observer]
    //   var result = null; //接收比较结果
    //   await this.compare(ids).then(res => {
    //     result = res
    //   })
    //   if (result === 1) {
    //     // console.log("可以拆盒")
    //     this.$modal.confirm('是否确认拆分案卷盒号为"' + ids + '"的数据项？').then(function () {
    //       var packForm = {};
    //       packForm.volumeYuliu4 = ""; //将盒号赋空
    //       for (var i = 0; i < ids.length; i++) {
    //         packForm.id = ids[i];
    //         updateVolumeinfo(packForm).then(response => {
    //           // this.$modal.msgSuccess("拆盒成功");
    //         });
    //       }
    //       // return delVolumeinfo(ids);
    //     }).then(() => {
    //       this.openPack = false;
    //       this.getList();
    //       this.$modal.msgSuccess("拆盒成功");
    //     }).catch(() => {
    //     });
    //
    //   } else if (result === 0) {
    //     this.$modal.msgError("请检查已勾选的盒号，是否属于同一盒。若不属于，则不可以拆盒");
    //   } else if (result === 2) {
    //     this.$modal.msgError("盒流水号为空，不需要拆盒");
    //   }
    // },
    async handleUnpack(row) {
      const ids = row.id || this.ids;
      this.idsArray = row.id || this.ids;
      try {
        const result = await this.compare(ids);
        if (result === 1) {
          const confirmResult = await this.$modal.confirm('是否确认拆分档案盒流水号为"' + this.volumeYuliu4[0] + '"的数据项？');
          if (confirmResult) {
            const qparam = {volumeYuliu4: this.volumeYuliu4[0]};
            const res = await listAnjuan(qparam);
            for (const item of res.rows) {
              const packForm = {id: item.id, volumeYuliu4: ''};
              await updateAnjuan(packForm);
            }
            this.openPack = false;
            this.getList();
            this.$modal.msgSuccess("拆盒成功");
          }
        } else if (result === 0) {
          this.$modal.msgError("请检查已勾选的盒号，是否属于同一盒。若不属于，则不可以拆盒");
        } else if (result === 2) {
          this.$modal.msgError("盒流水号为空，不需要拆盒");
        } else if (result === 3) {
          this.$modal.msgError("当前未选中案卷");
        }
      } catch (error) {
        console.error("拆盒操作出现错误:", error);
      }
    },
    cancelPack() {
      this.openPack = false;
      this.reset();
    },
    //比较
    async compare(ids) {
      var count = 1;
      //1：相等，0：不相等
      var result = 0;
      var first = null;
      // console.log("compare接受的ids", ids)
      var query = {}
      query.id = ids[0]
      await listAnjuan(query).then(res => {
        // console.log(res)
        // console.log(res.rows[0].volumeYuliu4)
        first = res.rows[0].volumeYuliu4;
      })
      if (ids.length === 0) {
        result = 3;
        console.log(3)
        return result;
      } else if (first === null || first === "") {
        result = 2;
        return result;
      } else { //如果首字符串非空
        if (ids.length > 1) {//如果ids中多于1个元素，则进行判断
          var info = null;
          for (var i = 1; i < ids.length; i++) {
            query.id = ids[i]
            await listAnjuan(query).then(res => {
              // console.log(res.rows[0].volumeYuliu4)
              info = res.rows[0].volumeYuliu4;
            })
            if (info === first && info.length != 0) {//每一次让首元素与后面的依次比较，如果相等且非空，则为1，否则为0
              count += 1; //最后count数与ids.length相同，则说明相同
            }
          }
          if (count == ids.length) result = 1;
          else result = 0;
        } else {
          result = 1;
        }
      }
      return result;
    },
  },

};
</script>
<style lang='scss'>
.item {
  .item__input {
    display: none;
    width: 150px;
    ///* 调整elementUI中样式 如果不需要调整请忽略 */
    //.el-input__inner{
    //  height: 24px!important;
    //}
    ///* 调整elementUI中样式 如果不需要调整请忽略 */
    //.el-input__suffix{
    //  i{
    //    font-size: 12px !important;
    //    line-height: 26px !important;
    //  }
    //}
  }

  .item__txt {
    //box-sizing: border-box;
    line-height: 24px;
    //padding: 0 9px;
  }
}
</style>
